<template>
    <div class="container">
    <div class="demo">
      <wxc-minibar 
        title="标题"
        background-color="#009ff0"
        text-color="#FFFFFF"
        right-text="更多"
        @wxcMinibarLeftButtonClicked="minibarLeftButtonClick"
        @wxcMinibarRightButtonClicked="minibarRightButtonClick"
      />
    </div>
  </div>
</template>

<script>
import { WxcMinibar } from "weex-ui";
import { Modal } from "@/uilts/weexModule";
import {mapGetters} from 'vuex';

export default {
    name: "topBar",
    components: { WxcMinibar },
    computed:{
        ...mapGetters(['userInfo']),
    },
    methods: {
        minibarLeftButtonClick() {},
        minibarRightButtonClick() {
            Modal.toast({ message: this.userInfo, duration: 1 });
            // this.$router.push('/')
        }
    }
};
</script>
<style scoped lang="scss">
.container{
    height: 100%;
}
</style>

